Dropdown Menu

Ich möchte gerne den schwarzen Rahmen etwas weniger breit haben. Außerdem soll er rechts nicht "ausgefranst" sein. Und wenn er etwas weiter unten beginnen würde, so dass er nicht das "g" von "singen" berührt, dann wäre das prima.

Beim Hover soll ein transparenter Balken über dem Menüpnkt erscheinen, der über die ganze Breite des schwarzen Rahmens geht. Beim "Less" bekomme ich nur einen ganz schmalen Balken links vom Menüpunkt hin.

Die bisherigen Effekte wurden wie folgt realisiert:
#HauptmenuOben li{
display:inline;
list-style-type:none;
border-left:none;
padding-left:7px;
margin-left:30px;
}

#HauptmenuOben .item-101{
margin-left:300px;
}

a.HauptmenuObenLink{
font-size:150% !important;
}

.nav-header{
font-weight:bold !important;
text-decoration: underline !important;
}

Bitte immer einen Link zur Live-Seite angeben damit ich das angucken kann. Sonst kann hier keiner helfen.
Das Menü sieht aber recht anders aus als das vom Template selber.

Der Grund für die Perforation ist einfach:

#topmenu ul.menu ul.nav-child li a, #topmenu ul.menu ul.nav-child li span.separator {
width: 194px;
}

Das definiert eine fixe Breite für die Links im Menü. Zusammen mit diversen Rändern und Rahmen wird das breiter als das darumliegende Menüelement und damit "hängt" es aus dem Rahmen raus. Mach es kleiner oder reduzier die Rahmen, dann gehts.

Den transparenten Rahmen müsstest du wohl auch dem Linkelement angeben und nicht dem <li>.

Die Rahmenbreite ist hier definiert:

#topmenu ul.menu ul.nav-child {
border: 2px solid #000;
}

Einfach einen grösseren Wert reinmachen.

Auch das hat geklappt. Danke!
Allerdings das mit der Rahmenbreite war ein Missverständnis: Ich meinte den hover-Effekt bei den childs. Da erscheint nur ein schmales Etwas links vom child. Schau mal auf www.srcn.de - so soll es werden.

Viele Grüße
Hans

Wie gesagt, den Hover Effekt musst du entweder dem <li> und/oder dem <a> im <li> drin zuweisen. Das musst du selber probieren.

Hab alles hinbekommen. Vielen Dank!